<template>
  <div>
    <h2>Order</h2>
    <h3>root</h3>
    {{ $store.state.title }}
    <button @click="$store.commit('SET_TITLE', 'root !!')">SET_TITLE</button>
    <h3>shop</h3>
    {{ $store.state.shop.title }}
    <button @click="$store.commit('shop/SET_TITLE', 'shop !!')">SET_TITLE</button>
    <h3>localShop cart</h3>
    {{ $store.state.shop.localShop.title }}
    <button @click="$store.commit('shop/localShop/SET_TITLE', 'localShop !!')">SET_TITLE</button>

    <h3>cart</h3>
    {{ $store.state.cart.title }}
    <button @click="$store.commit('cart/SET_TITLE', 'cart !!')">SET_TITLE</button>

  </div>
</template>
<script>
export default {
}
</script>